<div class="page">
    <div class="page__hd">
        <h1 class="page__title">Button</h1>
        <p class="page__desc">按钮</p>
    </div>
    <div class="page__bd">

        <div class="button-sp-area">
        <a href="javascript:" role="button" class="weui-btn weui-btn_primary">主要操作</a>
        <a href="javascript:" role="button" title="等待中" class="weui-btn weui-btn_primary weui-btn_loading"><span class="weui-primary-loading weui-primary-loading_transparent"><i class="weui-primary-loading__dot"></i></span>主要操作</a>
        <a href="javascript:" role="button" aria-disabled="true" disabled class="weui-btn weui-btn_disabled weui-btn_primary">主要操作</a>
        <a href="javascript:" role="button" class="weui-btn weui-btn_default">次要操作</a>
		<a href="javascript:" role="button" title="等待中" class="weui-btn weui-btn_default weui-btn_loading"><span class="weui-primary-loading"><i class="weui-primary-loading__dot"></i></span>次要操作</a>
        <a href="javascript:" role="button" aria-disabled="true" disabled class="weui-btn weui-btn_disabled weui-btn_default">次要操作</a>
        <a href="javascript:" role="button" class="weui-btn weui-btn_warn">警示操作</a>
		<a href="javascript:" role="button" title="等待中" class="weui-btn weui-btn_warn weui-btn_loading"><span class="weui-primary-loading"><i class="weui-primary-loading__dot"></i></span>警示操作</a>
        <a href="javascript:" role="button" aria-disabled="true" disabled class="weui-btn weui-btn_disabled weui-btn_warn">警示操作</a>
        </div>


        <div class="button-sp-area cell">
          <a href="javascript:" role="button" class="weui-btn_cell weui-btn_cell-default">普通行按钮</a>
          <a href="javascript:" role="button" class="weui-btn_cell weui-btn_cell-primary">强调行按钮</a>
          <a href="javascript:" role="button" class="weui-btn_cell weui-btn_cell-primary">
            <img alt="icon" class="weui-btn_cell__icon" src="">
            强调行按钮
          </a>
          <a href="javascript:" role="button" class="weui-btn_cell weui-btn_cell-warn">警示行按钮</a>
        </div>

        <div class="button-sp-area">
            <a href="javascript:" role="button" class="weui-btn weui-btn_mini weui-btn_primary weui-wa-hotarea">按钮</a>
            <a href="javascript:" role="button" class="weui-btn weui-btn_mini weui-btn_default weui-wa-hotarea">按钮</a>
            <a href="javascript:" role="button" class="weui-btn weui-btn_mini weui-btn_warn weui-wa-hotarea">按钮</a>
        </div>
    </div>
</div>
